<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/xiangguanrenwu.css">
    <script src="./js/jquery-1.9.1.min.js"></script>
</head>
<body>
    <!-- logo -->
    <div class="Logo">
        <div class="logo">
            <img src="./images/logo.png" alt="">
            <p>Patrick Star</p>
        </div>
        <div class="dlzc">
            <ul>
                <li><a href="./denglu.html">登录</a></li>
                <li>/</li>
                <li><a href="./zhuce.html">注册</a></li>
            </ul>
        </div>
    </div>
    <!-- lunbo -->
    <div id="sub1">
        <img src="./images/10.png" alt="" class="s1 img-responsive">
        <img src="./images/2.png" alt="" class="s2 img-responsive">
        <img src="./images/3.png" alt="" class="s2 img-responsive">
        <ul id="imgc">
            <li value="0"></li>
            <li value="1"></li>
            <li value="2"></li>
        </ul>
    </div>
    <!-- 导航 -->
    <div class="daohang">
        <ul>
            <li>
                <a href="./index.html">首页</a>
            </li>
            <li>
                <a href="./juqingjieshao.html">剧情介绍</a>
            </li>
            <li>
                <a href="./xiangguanrenwu.html">相关人物</a>
            </li>
            <li>
                <a href="./yingshipingjia.html">影视评价</a>
            </li>
            <li>
                <a href="./renwuteji.html">人物特辑</a>
            </li>
            <li>
                <a href="./about.html">关于我们</a>
            </li>
        </ul>
    </div>
    <!-- 主体 -->
    <div class="main">
       <div class="people">
            <h1>章鱼哥的社交圈</h1>
            <div id="main">
                <div class="img">
                    <img src="./images/5.png" alt="">
                </div>
                <div class="mes">
                    <div class="top">
                        <h3>海绵宝宝</h3>
                        <p>了解更多>></p>
                    </div>
                    <p class="peiyin">配音 汤姆肯尼</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《海绵宝宝》系列动面的同名主角。黄色长方形海绵，其身体构成如同清洁用海绵。生日是1986年7月14日。两只手各拥有四根手指。以棕色短裤、白色村衫和红色领带为主要服装。具有不死之身，即使身体如何被破坏暂可恢复原状。虽然有正常进食，但纯湾食海水也能继续存活。体力薄弱，且所谓的哑铃两端其实是绒毛玩具。</p>
                </div>
            </div>
            <div id="main">
                <div class="img">
                    <img src="./images/6.jpg" alt="">
                </div>
                <div class="mes">
                    <div class="top">
                        <h3>派大星</h3>
                        <p>了解更多>></p>
                    </div>
                    <p class="peiyin">配音 比尔法格巴克</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;粉红色的海星。智商极低，头脑与身体仅使用插头连结，做什么事都会搞题，但开船却异常厉害，居住在圆质石头底下。懒省并相当孩子气，时燃在无意间呆滞的流口水，目过厌洗温、也不爱洗手、偏号择觉。兴脚是看电视。限海绵宝宝的交情需好井时常鼓剧海绵宝宝做出一些危险行动，往往让被此陷入困境。</p>
                </div>
            </div>
            <div id="main">
                <div class="img">
                    <img src="./images/7.jpg" alt="">
                </div>
                <div class="mes">
                    <div class="top">
                        <h3>蟹老板</h3>
                        <p>了解更多>></p>
                    </div>
                    <p class="peiyin">配音 克菜希·布朗</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红色螃蟹，本名尤金蟹。视金钱如生命，经常为了一块钱而去冒生命危险，极为自私。快餐店“蟹堡王”的经营者，多次向工宣导要有时间观念，因为"时间就是金钱”。只要发现能发快财的产品，就会忽视老本蟹黄堡并转换目标。营业时间常在办公看报纸、数钱、洗金钱浴等，喜欢看讽刺戏剧和店老板是死对头。</p>
                </div>
            </div>
            <div id="main">
                <div class="img">
                    <img src="./images/8.jpg" alt="">
                </div>
                <div class="mes">
                    <div class="top">
                        <h3>痞老板</h3>
                        <p>了解更多>></p>
                    </div>
                    <p class="peiyin">配音 道格·劳伦断</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蟹老板的死对头，《海绵宝宝》的主要反派角色，由1%的邪恶和99%的热毒气组成。只有一只眼睛，时常刺痛(因为他忘记眨眼》。快餐店“海之霸”的老板。管一台取名为凯伦的电脑叫妻子。为了让自己的餐厅生意兴隆，一直偷取蟹堡王著名料理“整黄堡”的秘密配方，却从未成功，最大的希望是统治全世界。</p>
                </div>
            </div>
       </div>
    </div>
    <!-- 尾部 -->
    <div class="tail">
        Copyright&copy;比奇堡章鱼哥&nbsp;版权所有
    </div>
</body>
</html>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="./js/index.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>